<template>
  <!-- intro-section -->
  <section id="intro-wrap" class="intro2Wrap text-white  text-center">
    <b-container>
      <b-row>
        <b-col sm="12">
          <div class="intro2subtitle">
            <h3 class="font-weight-bold mb-3 text-white">
              Dexam Vue Js Landing
            </h3>
          </div>
          <h1
            class="intro2Title font-weight-bold text-42 t-shadow mb-3 text-white"
          >
            Build Your Business With Secure Data
          </h1>
          <div class=" intro2Description text-18">
            <p class="mb-4">
              Meet Dexam Highly customizable Pure Vue JS + Bootstrap 4 Landing
              template. Dexam is built with Official Vue CLI tool and uses
              Bootstrap Vue and third-party packages.
            </p>
          </div>

          <div class="intro2Buttons mb-5">
            <a
              name=""
              id=""
              href=""
              class="btn half-button btn-outline-white btn-lg pl-5 pr-5 pb-2  mr-2 mb-4 text-uppercase"
              role="button"
            >
              Sign in
            </a>
            <a
              id=""
              href=""
              class="btn half-button btn-warning btn-lg pl-5 pr-5 pb-2 mb-4 text-uppercase"
              role="button"
            >
              Sign up
            </a>
          </div>
        </b-col>
      </b-row>
    </b-container>
    <div class="overlay"></div>
  </section>

  <!-- end::intro-section -->
</template>
